<!DOCTYPE html>
<html>
<!-- 培训档案 -->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="/static/js/common.js"></script>

</head>

<body>
    <div id="app" class="popupW100" v-cloak>
        <!-- <el-button type="primary" @click="doPrint">{{col.btnSelect}}</el-button> -->
        <el-button type="primary" @click="print">{{col.btnPrint}}</el-button>
        <br><br>
        <table width="100%" border="1" align="center" cellpadding="10" cellspacing="0">
            <tr>
                <td>{{TrainingAchievements.name}}</td>
                <td colspan="2">{{Form.EmployeeName}}</td>
                <td>{{TrainingAchievements.Gender}}</td>
                <td colspan="2">{{Form.Gender}}</td>
                <td>{{TrainingAchievements.BirthDate}}</td>
                <td colspan="2">{{Form.BirthDate}}</td>
                <td rowspan="4" style="min-width: 130px"><img src="/static/images/Client.png" width="130px"
                        height="auto" alt=""></td>
            </tr>
            <tr>
                <td>{{TrainingAchievements.Education}}</td>
                <td colspan="2">{{Form.Education}}</td>
                <td>{{TrainingAchievements.Workinghours}}</td>
                <td colspan="2">{{Form.Workinghours}}</td>
                <td>{{TrainingAchievements.jobtime}}</td>
                <td colspan="2">{{Form.jobtime}}</td>
            </tr>
            <tr>
                <td colspan="1">{{TrainingAchievements.GraduateTime}}</td>
                <td colspan="2">{{Form.GraduateTime}}</td>
                <td colspan="2">{{TrainingAchievements.GraduateSchool2}}</td>
                <td colspan="4">{{Form.GraduateSchool2}}</td>
            </tr>
            <tr>
                <td colspan="1">{{TrainingAchievements.WorkingDepartment}}</td>
                <td colspan="2">{{Form.WorkingDepartment}}</td>
                <td colspan="2">{{TrainingAchievements.Jobs}}</td>
                <td colspan="4">{{Form.Jobs}}</td>
            </tr>
            <tr>
            </tr>
            <tr>
                <td colspan="2"> {{TrainingAchievements.Whatyearandmonthvalueandannualcontract}}</td>
                <td colspan="2"> {{TrainingAchievements.Whichdepartmentisinwhichposition}}</td>
                <td colspan="3"> {{TrainingAchievements.Anyposition}}</td>
                <td colspan="3"> {{TrainingAchievements.Remarks}}</td>
            </tr>
            <tr>
                <td colspan="2">{{Form.Whatyearandmonthvalueandannualcontract}}</td>
                <td colspan="2">{{Form.Whichdepartmentisinwhichposition}}</td>
                <td colspan="3">{{Form.Anyposition}}</td>
                <td colspan="3">{{Form.Remarks}}</td>
            </tr>
            <tr>
                <td>{{TrainingAchievements.index}}</td>
                <td>{{TrainingAchievements.Trainingtime}}</td>
                <td>{{TrainingAchievements.TrainingCourseware}}</td>
                <td>{{TrainingAchievements.TouristLocation}}</td>
                <td>{{TrainingAchievements.TrainingObjectives2}}</td>
                <td>{{TrainingAchievements.TrainingType}}</td>
                <td>{{TrainingAchievements.TrainingContent}}</td>
                <td>{{TrainingAchievements.PlannedUnplanned}}</td>
                <td>{{TrainingAchievements.Score}}</td>
                <td>{{TrainingAchievements.EmployeeSignature}}</td>
            </tr>
            <tr>
                <td>1</td>
                <td>{{Form.Trainingtime}}</td>
                <td>{{Form.TrainingCourseware}}</td>
                <td>{{Form.TouristLocation}}</td>
                <td>{{Form.TrainingObjectives2}}</td>
                <td>{{Form.TrainingType}}</td>
                <td>{{Form.TrainingContent}}</td>
                <td>{{Form.PlannedUnplanned}}</td>
                <td>{{Form.Score}}</td>
                <td>{{Form.EmployeeSignature}}</td>
            </tr>

        </table>
        <br>
        <el-button type="primary" class="fr" @click="parent.ListItem.dialogVisible=false">{{col.btnBack}}</el-button>
        <br>
    </div>
    <script type="text/javascript">

        var app = new Vue({
            el: '#app',
            data: {
                //父业传参
                id: '',
                imageUrl: '',
                checked: true,
                value1: '',
                radio: '1',
                ListItem: ListItem,
                ClassificationofCourseware: [],

                formInline: {
                    model: {
                        EmployeeName: '',
                        StartingDate: '',
                        Department: '',
                        Position: '',
                        Numberoftrainingsessionsduringthistimeperiod: '',
                        name: '',
                        Gender: '',
                        BirthDate: '',
                        Education: '',
                        Workinghours: '',
                        jobtime: '',
                        GraduateSchool: '',
                        GraduateSchool2: '',
                        WorkingDepartment: '',
                        Jobs: '',
                        Whatyearandmonthvalueandannualcontract: '',
                        Whichdepartmentisinwhichposition: '',
                        Anyposition: '',
                        Remarks: '',
                        Trainingtime: '',
                        TrainingObjectives: '',
                        TouristLocation: '',
                        TrainingObjectives2: '',
                        TrainingType: '',
                        TrainingContent: '',
                        PlannedUnplanned: '',
                        Score: '',
                        EmployeeSignature: ''

                    },
                    offset: 0,
                    limit: 10
                },
                //业务表单内容
                Form: {
                    id: guidEmpty,
                    EmployeeName: '',
                    StartingDate: '',
                    Department: '',
                    Position: '',
                    Numberoftrainingsessionsduringthistimeperiod: '',
                    name: '',
                    Gender: '',
                    BirthDate: '',
                    Education: '',
                    Workinghours: '',
                    jobtime: '',
                    GraduateSchool: '',
                    GraduateSchool2: '',
                    WorkingDepartment: '',
                    Jobs: '',
                    Whatyearandmonthvalueandannualcontract: '',
                    Whichdepartmentisinwhichposition: '',
                    Anyposition: '',
                    Remarks: '',
                    Trainingtime: '',
                    TrainingObjectives: '',
                    TouristLocation: '',
                    TrainingObjectives2: '',
                    TrainingType: '',
                    TrainingContent: '',
                    PlannedUnplanned: '',
                    Score: '',
                    EmployeeSignature: '',
                },
                //表单验证
                rules: {
                    CoursewareName: [
                        verification.NotNull,
                    ],
                    ClassificationofCourseware: [
                        verification.NotNull,
                    ],
                    Learningtime: [
                        verification.NotNull,
                    ],
                    Encryptionornot: [
                        verification.NotNull,
                    ],
                    Trainer: [
                        verification.NotNull,
                    ],

                    Courseware: [
                        verification.NotNull
                    ],

                }
            },

            methods: {
                //解決edge下select bug
                visibleChange: function (isVisible) {
                    visibleChange(isVisible)
                },
                print: function () {
                    this.$message({
                        message: '打印成功',
                        type: 'success'
                    });
                },
                doPrint: function () {
                    bdhtml = window.document.body.innerHTML; //获取当前页的html代码
                    sprnstr = "<!--startprint-->"; //设置打印开始区域
                    eprnstr = "<!--endprint-->";//设置打印结束区域
                    prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);//从开始代码向后取html
                    prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html
                    window.document.body.innerHTML = prnhtml;
                    window.print();
                },
                //获取分页数据
                GetPageData: function (currentIndex) { GetPageData(this, currentIndex, '/api/TrainingAchievements/GetList') },
                //查询方法
                onSubmit: function () { onSubmit(this); },
                btnUpLoad: function () {
                    this.$message({
                        message: '上传成功',
                        type: 'success'
                    });
                },
                //提交数据
                onSubmitForm: function (formName) {
                    var mythis = this;
                    this.$refs[formName].validate(function (valid) {
                        //验证通过
                        if (valid) {
                            onSubmitForm(this, '/api/TrainingAchievements/Save', mythis.Form);
                        } else {
                            //验证失败
                            return false;
                        }
                    });
                },
                getData: function () {
                    getData(this, '/api/TrainingAchievements/get?id=' + this.id);
                },

                //删除方法
                onDelete: function () { onDelete(this, '/api/TrainingAchievements/DeleteMuti'); },
                //列表选择触发
                UserInputStatistics: function (val, id) { DialogShow(this, val, "TrainingCourseManagementInputPerson.html", id); },
                handleSelectionChange: function (val) { handleSelectionChange(this, val); },
                //获取分页数据
                GetPageData: function (currentIndex) { GetPageData(this, currentIndex, '/api/TrainingAchievements/GetList') },
                //pagesize改变 触发方法
                handleSizeChange: function (val) { handleSizeChange(this, val); },
                //跳页触发方法
                handleCurrentChange: function (val) { handleCurrentChange(this, val); },
            },
            mounted: function () {
                //初始化数据
                this.GetPageData(1);
                //列表高度自适应
                tablehigh(this);
                this.id = getUrlParam("id");
                this.getData();
                //获取下拉菜单内容
                this.ClassificationofCourseware = getDicData('83');

            }

        });
    </script>
</body>

</html>